<script setup lang="ts">
const typeList=reactive([
  {label:'',}
])
</script>

<template>
<div>
<AuthenText>
<pre>
温馨提示：“批量解析格式生成工具”作用是快速帮您把您要批量解析的域名格式生成好，方便您进行二次编辑，大大节省了您的操作时间。
</pre>
</AuthenText>
  <el-card>
    <el-form label-width="100" label-suffix="：">
      <el-form-item label="导入分组域名">
        <el-select placeholder="请选择">
          <el-option></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="域名">
        <el-input type="textarea" placeholder="每行一个域名"></el-input>
      </el-form-item>
      <el-form-item label="主机记录">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-input placeholder="多个可用逗号分割"></el-input>
          </div>
          <div class="text-grid-400 ml-2">例如 www,@,wap</div>
        </div>

      </el-form-item>
      <el-form-item label="记录类型">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-select placeholder="请选择记录类型">
              <el-option v-for="item in ['A','CNAME','MX','TXT','URL']" :label="item" :value="item.toLowerCase()"></el-option>
            </el-select>
          </div>
          <div class="text-grid-400 ml-2">保持默认A记录即可，不了解的勿乱设置！</div>
        </div>
      </el-form-item>
      <el-form-item label="记录值">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-input placeholder="请填写记录值"></el-input>
          </div>
        </div>
      </el-form-item>
      <el-form-item label="线路类型">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-select placeholder="默认">
              <el-option v-for="item in ['电信','网通']"></el-option>
            </el-select>
          </div>
          <div class="text-grid-400 ml-2">无需特殊设置，请保持默认即可！</div>
        </div>
      </el-form-item>
      <el-form-item label="">
        <div class="flex">
          <div><el-button type="primary">生成</el-button></div>
        </div>
      </el-form-item>
    </el-form>
  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>